<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width-device-width">
    <title>Virtual Keyboard test page</title>
    <script>
function syncFocus() {
  var input = document.getElementById('text');
  input.focus();
}
function asyncFocus() {
  var input = document.getElementById('text');
  setTimeout(function() {
    input.focus();
  }, 0);
}
    </script>
  </head>
  <body onload="syncFocus()">
    <p>
      <label id="blur">blur</label>
      <input id="text" type="text" placeholder="type=text"></input>
      <!-- test for crbug.com/642513 -->
      <button id="sync" onclick="syncFocus()">sync</button>
      <button id="async" onclick="asyncFocus()">async</button>
    </p>
  </body>
</html>
